<template>
  <div class="flex">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>报表类型</span>
      </div>
      <div v-for="item in reportList" @click="showType = item.type"  class="textItem">
        {{ item.name }}
      </div>
    </el-card>
    <profitStatementTemplate v-if="showType === 1"/>
  </div>
</template>

<script>
import profitStatementTemplate from './configTemplate/profitStatementTemplate/profitStatementTemplate'
export default {
  name: 'reportConfig',
  components:{profitStatementTemplate},
  data(){
    return{
      reportList:[{name:'利润表',type:1}],
      showType: 0
    }
  },
}
</script>

<style lang="scss" scoped>
.box-card{
  margin: 10px;
  width: 300px;
  height: 100%;
  min-height: 500px;
}
.textItem{
  cursor: pointer;
}
body{
  background-color: #8c939d;
}
</style>
